@import '../../../../asset/stylesheet/common.less';
.header-container {
  width: 100%;
  height: 94px;
  pointer-events: none;
  // background-image: url('../../../../asset/image/screen/header-bg.png');
  // background-repeat: no-repeat;
  // background-size: 100% 100%;
  position: relative;
  .image-rendering();
  .header-logo {
    position: absolute;
    left: 24px;
    top: 30px;
    width: 153px;
    height: 36px;
    background-image: url('../../../../asset/image/screen/logo.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    .image-rendering();
  }
  .header-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 28px;
    width: 439px;
    height: 43px;
    background-image: url('../../../../asset/image/screen/header-title.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    .image-rendering();
  }
  .header-full-screen {
    pointer-events: auto;
    position: absolute;
    right: 200px;
    top: 21px;
    .item-icon {
      font-size: 30px;
      color: #6f75b1;
      cursor: pointer;
    }
  }
  .header-time {
    position: absolute;
    right: 26px;
    top: 14px;
    color: #6f75b1;
    .time {
      display: inline-block;
      vertical-align: top;
      font-size: 24px;
      padding-top: 4px;
      padding-right: 16px;
    }
    .day {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      span {
        display: block;
        text-align: right;
      }
    }
  }
}
